<div class="content">
    {{list data.content as line}}
    <div class="line">
        {{list line as word}}
        <div class="word">
            <div class="{{ join('top',word.dot?'dot':'') }}">{{ word.pin||'' }}</div>
            <div class="{{ join('bottom',word.dot?'dot':'') }}">{{ word.word }}</div>
        </div>
        {{/list}}
    </div>
    {{/list}}
</div>